<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="">
</head>

<body>
    <script>
    for(var i =0;i<5;i++){
    	setTimeout(function(){
    		console.log(i);
    		document.write(i);
    	},1000*i);
    }
    
 //////////////////////////////////////////////////////////   
    for (var j = 0; j < 5; j++) {
        setTimeout(function() {
            console.log(new Date, j);
        }, 1000);
    }
    console.log(new Date, j);

//////////////////////////////////////////////////////////
    for (var k = 0; k < 5; k++) {
        (function(j) { // j = i
            setTimeout(function() {
                console.log(new Date, j);
            }, 1000);
        })(k);
    }
    console.log(new Date, k);

///////////////////////////////////////////////////////////

    for (var m = 0; m < 5; m++) {
        (function(j) {
            setTimeout(function() {
                console.log(new Date, j);
                document.writeln(new Date, j,"</br>");
            }, 1000 * j); // 这里修改 0~4 的定时器时间
        })(m);
    }

    setTimeout(function() { // 这里增加定时器，超时设置为 5 秒
        console.log(new Date, m);
        document.write(new Date, m);
    }, 1000 * m);
    </script>
</body>

</html>